<template>
	<view >
		<view class="title">
			{{title}}
		</view>
		<view class="list flex-box">			
				<view  style="width: 25%;"  v-for="(item,index) in list" :key="index+'cont'">
					<image :src="item.url" class="img"></image>
					<text>{{item.name}}</text>
				</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:""
			},
			list:{
				type:Array,
				default() {
					return []
				}
			}
		},
		data () {
			return{
				
			}
		}
	}
</script>

<style lang="scss">	
.title {
	    font-size: 16px;
	    font-weight: 700;
	    padding-left: 8px;
	    border-bottom: 2px solid #C10D0C;
	    margin-bottom: 10px;
}
	.list {
		text-align: center;
		.img {
			display: block;
			width: 92rpx;
			height: 92rpx;
			margin: 0 auto;
		}
		text {
			font-size: 10px;			
		}
	}
</style>
